// import isPlainObject from 'lodash.isplainobject';
import React, { Component } from 'react';
import PropTypes from 'proptypes';
// import classNames from 'classnames';
import Dialog from '@mui/material/Dialog';
import DialogTitle from '@mui/material/DialogTitle';
import DialogContent from '@mui/material/DialogContent';
import DialogActions from '@mui/material/DialogActions';

export default function PreviewModal(props){
  // static propTypes = {
  //   onCloseClick: PropTypes.func.isRequired,
  // };
  // constructor(props, context) {
  //   super(props, context);
  //   state = {};
  // }
// const [state,setState]=React.useState({});
    // const selected = state.selected || 'plain';
    // const previewValue = getPreviewValue(selected);
    return (
      <Dialog
        closable="false"
        detachable="false"
        open={props.modalOpen}
        dimmer={'inverted'}
      >
        <DialogTitle>Content Preview</DialogTitle>
        <DialogContent>
          <p>{props.pos.row}</p>
          <p>{props.pos.col}</p>
        </DialogContent>
        <DialogActions>
          <div
            className="small ui black deny right button"
            onClick={props.onCloseClick}
            tabIndex={0}
          >
            Close
          </div>
        </DialogActions>
      </Dialog>
    );

}
